<!DOCTYPE html>
<html lang="pt-br">
	<head>
		<meta charset="UTF-8">
		<title>White Hat Security</title>
		<link rel="stylesheet" type="text/css" href="css/estilo.css">
		<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="css/default.css" type="text/css" media="screen" />
		<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js" ></script>
		<script src="js/jquery.nivo.slider.js" type="text/javascript"></script>
		<script type="text/javascript">
		$(window).load(function() {
		    $('#slider').nivoSlider({
			 effect: 'sliceDown',
			 animSpeed: 500,
			 controlNav: false,
			 controlNavThumbs: true
			});
		});
		</script>
	</head>
	
	<body>
		<div id="pagina">
			<header>
				<a href="index.html"><img id="logo" src="images/white_hat1.png" alt="logo"></a>
				<div id="redesocial">
					<img src="images/twitter-icon.png" alt="twitter" width="24" height="24">
					<img src="images/icon_facebook.png" alt="twitter" width="24" height="24">
					<img src="images/icon-google-plus.png" alt="twitter" width="24" height="24">
				</div>
			</header>
			
			<nav>
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="empresa.html">Empresa</a></li>
					<li><a href="solucoes.html">Soluções</a></li>
					<li><a href="contato.html">Contato</a></li>
				</ul>
			</nav>
			
			<article>
				<div class="slider-wrapper theme-default">
				    <div id="slider" class="nivoSlider" style="top:-21px;">
				        <a href="#"><img src="images/banner1.jpg" alt="" height="300" /></a>
				    	<a href="#"><img src="images/banner2.jpg" alt="" height="300" /></a>    
				    </div>
				</div>

				<aside id="infra">
					<h1>Infraestrutura</h1><img src="images/infra.fw.png" alt="infra">
					<p><a href="">Saiba mais</a></p>
				</aside>
				
				<aside id="seguranca">
					<h1>Segurança da informação</h1><img src="images/seginfo.fw.png" alt="infra">
					<p><a href="">Saiba mais</a></p>
				</aside>
				
				<aside id="pentest">
					<h1>Penetration test</h1><img src="images/pentest.fw.png" alt="infra">
					<p><a href="">Saiba mais</a></p>
				</aside>

				<aside id="blog">
					<h1> Blog </h1>
					<ul>
						<li>
							<div class="blog-list-item-date">17 <span>FEV</span></div>
							<h4>Roteadores Linksys são alvos do worm ‘The Moon’</h4>
							<p>Johannes Ullrich,pesquisador da Sans Security, publicou recentemente um alerta[1] sobre uma nova ameaça direcionada a roteadores Linksys. O malware denominado... <a href="#">Leia mais →</a></p>
						</li>
						<li>
							<div class="blog-list-item-date">21 <span>JAN</span></div>
							<h4>Configurando a segurança do SSL no Apache ou Nginx</h4>
							<p>Após a divulgação de diversas falhas em algoritmos e no protocolo SSL/TLS é necessário adequar o ambiente para atender requisitos... <a href="#">Leia mais →</a></p>
						</li>
					</ul>
				</aside>

				<aside id="newsletter">
					<h1>White Hat news</h1>
					<p>Assine nossa newsletter e fique por dentro das novidades e do que acontece no mundo da segurança da informação.</p>
					<form action="index_submit" method="post" accept-charset="utf-8">
						<input type="text" id="nome" name="nome" value="" placeholder="Nome" required>
						<input type="email" id="email" name="email" value="" placeholder="Email" required>	
						<input class="cadastrar" type="submit" name="cadastrar" value="Enviar">
					</form>
				</aside>
			</article>
			
			<footer>&copy; White Hat Security 2014</footer>
			
		</div>
	</body>
</html>